/* 组件演示列表 */
.gui-components-list {
  padding: 5rpx 30rpx;
}

.gui-components-list-title {
  padding: 32rpx 0;
  font-size: 30rpx;
}

.gui-components-list-text {
  font-size: 34rpx;
}

.gui-components-list-icon {
  font-size: 38rpx;
}

/* 动态渐变头部导航 */
.custom-header-bg {
  background-color: rgba(0, 0, 0, 0.6);
}

/* 切换导航样式 */
.custom-switch-nav-border {
  border-color: #FF0036 !important;
}


/* 深色模式 */
/* #ifndef APP-NVUE */
@media (prefers-color-scheme: dark) {
  .custom-switch-nav-border {
    border-color: #888888 !important;
  }
}

/* #endif */

/* 圆角 */
.gui-border-radius-full {
  border-radius: 60rpx;
}

/* 阴影 */
.gui-box-shadow-small {
  box-shadow: 0px 0px 8rpx #323232;
}


/*cusmtom*/
.bcolorfff {
  background-color: white;
}

.bgfff {
  background-color: white;

}

.bgf5f5f5 {
  background-color: #F5F5F5;
}

.bgf1f1f1 {
  background-color: #F1F1F1;
}

.colorfff {
  color: white;
}

.bga0c4f4 {
  background-color: #a0c4f4;
}

.bg-a0c4f4-08 {
  background-color: rgba(160, 196, 244, 0.8);
}

.w100p {
  width: 100%;
}

.h100p {
  height: 100%;
}

.wh100p {
  width: 100%;
  height: 100%;
}


.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}


.text-center {
  text-align: center;
}

.top0 {
  top: 0
}


/*flex */
.flex {
  display: flex;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;

}

.flex-around {
  display: flex;
  justify-content: space-around;

}

.flex-column {
  display: flex;
  flex-direction: column;
}

.column-center {
  align-items: center;

}

.valign-center {
  align-items: center;
  justify-content: center;
}

.gap4 {
  gap: 8rpx;
}

.gap8 {
  gap: 16rpx;
}

.gap12 {
  gap: 24rpx;
}

.gap16 {
  gap: 32rpx;
}

.gap18 {
  gap: 36rpx;
}

.font10 {
  font-size: 20rpx;
}

.font11 {
  font-size: 22rpx;
}

.font12 {
  font-size: 24rpx;
}

.click:active {
  /* padding-top: 6rpx; */
  background-color: rgba(0, 0, 0, 0.1) !important;
}


.m-0-5 {
  margin: 0 10rpx;
}

.mb10 {
  margin-bottom: 20rpx;
}

.mt10 {
  margin-top: 20rpx;
}

.mt20 {
  margin-top: 40rpx;
}


.mt30 {
  margin-top: 60rpx;
}

.mt40 {
  margin-top: 80rpx;
}

.mt50 {
  margin-top: 100rpx;
}

.mt60 {
  margin-top: 120rpx;
}

.custom-table {
}

.border-blue {
  border: #1890FF 1rpx solid;
}

.border-radius-15 {
  border-radius: 30rpx;
}

.subject-tb-text {
  height: 60rpx !important;
  line-height: 60rpx !important;
}

/* 边距 */
.gui-margin-top-small {
  margin-top: 10rpx;
}

/* 文字自动换行 */
.gui-word-warp {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gui-noborder::after {
  border: none !important;
}

/* 弹窗关闭按钮 */
.modal-close {
  width: 100rpx;
  height: 100rpx;
  line-height: 100rpx;
  opacity: 0.88;
  text-align: center;
  font-size: 58rpx;
}
